.xiangmu {
  width: 100%;
 
}
.zhuti {
  width: 100%;
  background-color: #f4f3ee;
  padding: 50px 0;
  box-sizing: border-box;
}
.zhutis {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.zhutileft {
  width: 75%;
  
 
}
.zhulefts{ 
  background-color: #fff;
  border-radius: 15px;
}
.zhuleft {
  width: 100%;
  padding: 20px;
}
.zhuleft p {
  font-size: 35px;
  font-weight: bold;
}
.zhuleft span a {
  font-weight: bold;
  color: #EFA135;
}
.zhuleft1 {
  width: 95%;
  padding: 20px;
}
.zhuleft1 img {
  width: 100%;
  border-radius: 15px;
}
.zhuleft2 {
  width: 90%;
  height: 80px;
  margin-left: 20px;
  border-top: 1px dashed #B7B7B7;
  border-bottom: 1px dashed #B7B7B7;
}
.zhuleft2 p {
  color: #6b6a66;
 
  padding-top: 20px;
}
.zhuleft3 {
  width: 100%;
  margin-top: 30px;
}
.zhuleft3 p {
  padding-left: 20px;
  color: #6b6a66;
}
.zhuleft3:last-child{
  padding-bottom: 30px;
}
.zhuleft4 {
  width: 80%;
  height: 80px;
  margin: 0 auto;
  margin-top: 30px;
  border-left: 3px solid #2f7186;
}
.zhuleft4 p {
  padding-left: 20px;
  color: #6b6a66;
  padding-top: 30px;
}
.zhuleft6 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
}
.zhuleft6 span {
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  color: #58564E;
}
.zhuleft6 p {
  padding-left: 20px;
  padding-top: 20px;
  color: #6b6a66;
}
.zhuleft7 {
  width: 100%;
  margin-top: 30px;
  padding-left: 20px;
}
.zhuleft7 p {
  font-size: 13px;
  color: #8e887c;
  padding-left: 20px;
}
.zhuleft8 {
  width: 100%;
  margin-top: 30px;
}
.zhuleft8 p {
  color: #6b6a66;
}
.zhuleft8 p span {
  font-size: 20px;
  padding-left: 20px;
}
.zhuleft10 {
  width: 100%;
  margin-top: 50px;
  background-color: #fff;
  border-radius: 15px;

}
.zhuleft10 span {
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 20px;
  display: block;
 
}
.zhuleft10 p meter {
  width: 95%;
  padding-left: 20px;
}
.zhu10 {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.left10 {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 10px;
  padding-left: 10px;
}
.left10 img {
  width: 100%;
}
.left10 p {
  font-size: 20px;
  font-weight: bold;
  color: #4b4149;
  padding-top: 10px;
}
.zhutiright {
  width: 25%;
  margin-left: 20px;
}
.zhuright {
  width: 100%;
  height: 160px;
}
.zhuright img {
  width: 100%;
  height: 100%;
}
.zhuright1 {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 30px;
}
.zhuright1 span {
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 10px;
  display: block;
}
.zhuright1 p meter {
 width: 90%;
  padding-left: 20px;
}
.pq p {
  padding-left: 20px;
  padding: 20px;
}
.zhuright2 {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.zhuright2 span {
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 10px;
  display: block;
}
.zhuright2 p meter {
  width: 90%;
  padding-left: 20px;
}
.zhuright2s {
  display: flex;
  flex-direction: row;
  margin: 20px;
}
.zhuright2s img {
  width: 20%;
}
.zhuright2s p {
  padding-left: 20px;
}
.zhuright3 {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 30px;
}
.zhuright3 span {
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 10px;
  display: block;
}
.zhuright3 p meter {
  width: 90%;
  padding-left: 20px;
}
.xiala {
  height: 80px;
}
.xiala form {
  padding-left: 20px;
  margin-top: 30px;
}
.xiala form select {
  width: 85%;
  height: 40px;
  background-color: #e9e9e9;
}
.zhuright4 {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 30px;
  padding-bottom: 20px;
}
.zhuright4 span {
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 10px;
  display: block;
}
.zhuright4 p {
  padding-bottom: 20px;
}
.zhuright4 p meter {
  width: 90%;
  padding-left: 20px;
}
.zhuright4s {
  display: flex;
  flex-direction: row;
  padding-left: 10px;
}
.zhuright4s img {
  width: 30%;
}
.zhuright5 {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 30px;
}
.zhuright5 span {
  font-size: 25px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 10px;
  display: block;
}
.zhuright5 p {
  padding-bottom: 20px;
}
.zhuright5 p meter {
  width: 90%;
  padding-left: 20px;
}

.meta {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 20px;
  
  
}
.metes{
  border-bottom: 1px solid #dedede;
}
.meta p {
  color: #5d5c5a;
  padding-top: 5px;
 
}
.meta p:hover{
    color: #EFA135;
}
.content {
  width: 100%;
  background-color: #f4f3ee;
  padding: 50px 0;
  box-sizing: border-box;
}
.contents {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.contentleft {
  width: 70%;
  background-color: #fff;
  border-radius: 10px;
}
.contentleft p {
  text-align: center;
  font-size: 30px;
  color: #4f3e2f;
  padding-top: 30px;
}
.con1 {
  margin-top: 30px;
  padding-left: 60px;
}
.con1 span {
  color: #4b4149;
  font-size: 16px;
  display: block;
}
.con1 input {
  width: 90%;
  height: 30px;
  border-radius: 5px;
}
.con2 {
  margin-top: 30px;
  padding-left: 60px;
}
.con2 span {
  color: #4b4149;
  font-size: 16px;
  display: block;
}
.con2 textarea {
  width: 90%;
  height: 200px;
  border-radius: 5px;
}
.con3 {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.con3 button {
  width: 80px;
  height: 40px;
  background-color: coral;
  color: #fff;
  border-radius: 5px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .xiangmu {
    width: 100%;
  }
  .zhuti {
    width: 100%;
    background-color: #f4f3ee;
  }
  .zhutis {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .zhutileft {
    width: 100%;
   
  }
  .zhulefts{
    border-radius: 15px;
    background-color: #fff;
  }
  .zhuleft {
    width: 100%;
    padding: 20px;
  }
  .zhuleft p {
    font-size: 35px;
    font-weight: bold;
  }
  .zhuleft span a {
    font-weight: bold;
    color: #EFA135;
  }
  .zhuleft10 {
    width: 100%;
    margin-top: 50px;
     
  }
  .zhuleft10 span {
    font-size: 25px;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 20px;
    display: block;
  }
  .zhuleft10 p meter {
    width: 95%;
    padding-left: 20px;
  }
  .zhu10 {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .left10 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px;
    padding-left: 10px;
  }
  .left10 img {
    width: 95%;
  }
  .left10 p {
    font-size: 20px;
    font-weight: bold;
    color: #4b4149;
    padding-top: 20px;
  }
  .zhutiright {
    width: 100%;
    margin-left: 20px;
    margin-top: 50px;
  }
  .zhuright {
    width: 100%;
    height: 250px;
  }
  .zhuright1 p meter {
    width: 90%;
    padding-left: 20px;
  }
  .zhuright2 p meter {
    width: 90%;
    padding-left: 20px;
  }
  .zhuright2s {
    display: flex;
    flex-direction: column;
    
  }
  .zhuright2s img {
    width: 95%;
  }
  .zhuright2s p {
    
    padding-top: 20px;
    font-size: 25px;
    color: #6b6a66;
  }
  .zhuright3 p meter {
    width: 90%;
    padding-left: 20px;
  }
  .xiala form select {
    width: 90%;
    height: 40px;
    background-color: #e9e9e9;
    color: #6b6a66;
  }
  .zhuright4 p meter {
    width: 90%;
    padding-left: 20px;
  }
  .zhuright4s img{
    padding-left: 10px;
   
  }
  .zhuright5{
    margin-bottom: 30px;
  }
  .zhuright5 p meter {
    width: 90%;
    padding-left: 20px;
  }
  /* 第二个页面手机端 */
  .content {
    width: 100%;
    background-color: #f4f3ee;
    padding: 50px 0;
    box-sizing: border-box;
   
  }
  .contents {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    
  }
  .contentleft {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
  }
  .contentleft p {
    text-align: center;
    font-size: 30px;
    color: #4f3e2f;
  }
  .con1 {
    margin-top: 30px;
    padding-left: 60px;
  }
  .con1 span {
    color: #4b4149;
    font-size: 16px;
    display: block;
  }
  .con1 input {
    width: 90%;
    height: 30px;
    border-radius: 5px;
  }
  .con2 {
    margin-top: 30px;
    padding-left: 60px;
  }
  .con2 span {
    color: #4b4149;
    font-size: 16px;
    display: block;
  }
  .con2 textarea{
    width: 90%;
    height: 200px;
    border-radius: 5px;
  }
  .con3 {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }
  .con3 button {
    width: 80px;
    height: 40px;
    background-color: coral;
    color: #fff;
    border-radius: 5px;
  }
}
